
<!DOCTYPE html>
<html lang="en-us">
	
  <include file="Index/head" />  
<body class="desktop-detected pace-done smart-style-4">

		<!-- #HEADER -->
		<include file="Index/header" />

	
		<!-- END HEADER -->

		<!-- #NAVIGATION -->
		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS/SASS variables -->
		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS variables -->
		
		<!-- END NAVIGATION -->
		<!-- END NAVIGATION -->
		<include file="Index/navigation" />
                
		<!-- #MAIN PANEL -->
		<div id="main" role="main">

			<!-- RIBBON -->
			<div id="ribbon">

				<!-- breadcrumb -->
				<ol class="breadcrumb">
					<li>{$module_name}</li>
					
				</ol>
				<!-- end breadcrumb -->

				<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right" style="margin-right:25px">
					<a href="#" id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa fa-grid"></i> Change Grid</a>
					<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa fa-plus"></i> Add</span>
					<button id="search" class="btn btn-ribbon" data-title="search"><i class="fa fa-search"></i> <span class="hidden-mobile">Search</span></button>
				</span> -->

			</div>
			<!-- END RIBBON -->

			<!-- #MAIN CONTENT -->

				
				<!-- col -->
                        <div id="content">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                                            <h1 class="page-title txt-color-blueDark">

                                                    <!-- PAGE HEADER -->
                                                    <i class="fa-fw fa fa-home"></i> 
                                                            {$first_title}
                                                    <span>>  
                                                            {$second_title}
                                                    </span>
                                            </h1>
                                    </div>
                                </div>
                                <!-- widget grid -->
				<section id="widget-grid" class="">
				
					<!-- row -->
					<div class="row">
				
						<!-- NEW WIDGET START -->
						<article class="col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
				
							<!-- Widget ID (each widget will need unique ID)-->
							<div class="jarviswidget jarviswidget-sortable" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" role="widget">
								<!-- widget options:
								usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
				
								data-widget-colorbutton="false"
								data-widget-editbutton="false"
								data-widget-togglebutton="false"
								data-widget-deletebutton="false"
								data-widget-fullscreenbutton="false"
								data-widget-custombutton="false"
								data-widget-collapsed="true"
								data-widget-sortable="false"
				
								-->
								<header role="heading"><div class="jarviswidget-ctrls" role="menu">   <a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Collapse"><i class="fa fa-minus "></i></a> <a href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Fullscreen"><i class="fa fa-expand "></i></a> <a href="javascript:void(0);" class="button-icon jarviswidget-delete-btn" rel="tooltip" title="" data-placement="bottom" data-original-title="Delete"><i class="fa fa-times"></i></a></div>
									<span class="widget-icon"> <i class="fa fa-eye"></i> </span>
									 <h2>主题数据统计</h2> 
				
								<span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span></header>
				
								<!-- widget div-->
								<div role="content">
				
									<!-- widget edit box -->
									<div class="jarviswidget-editbox">
										<!-- This area used as dropdown edit box -->
				
									</div>
									<!-- end widget edit box -->
				
									<!-- widget content -->
									<div class="widget-body">
				
										<form class="form-horizontal" method="post" id="myform" enctype="multipart/form-data">
											
											<div class="detail-section">
                                                                                            <div id="canvas">

                                                                                            </div>
                                                                                        </div>
											

											
											
											
											<div class="form-actions">
												<div class="row">
													<div class="col-md-12">
<!--														<a href="{:U('lists')}" class="btn btn-default" type="button" >
															返回
														</a>
														<button class="btn btn-primary" type="submit" >
															保存修改
														</button>-->
                                                                                                                
													</div>
												</div>
											</div>
				
										</form>
				
									</div>
									<!-- end widget content -->
				
								</div>
								<!-- end widget div -->
				
							</div>
							<!-- end widget -->
				
							
				
						</article>
						<!-- WIDGET END -->
				
					</div>
				
					<!-- end row -->
				
					<!-- end row -->
				
				</section>
				<!-- end widget grid -->

			</div>
				<!-- end col -->
				

			<!-- end row -->
			
			<!-- END #MAIN CONTENT -->

		</div>
                
                    <
		<!-- END #MAIN PANEL -->

		<!-- #PAGE FOOTER -->
		
		<!-- END FOOTER -->
<include file="Index/footer" />


		

		<!-- IMPORTANT: APP CONFIG -->
		<script src="{$resource_basic}js/app.config.js"></script>

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
		<script src="{$resource_basic}js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> 

		<!-- BOOTSTRAP JS -->
		<script src="{$resource_basic}js/bootstrap/bootstrap.min.js"></script>

		

		<!-- JARVIS WIDGETS -->
		<script src="{$resource_basic}js/smartwidgets/jarvis.widget.min.js"></script>

		

		<!-- Demo purpose only -->
		<!--<script src="{$resource_basic}js/demo.min.js"></script>-->

		<!-- MAIN APP JS FILE -->
		<script src="{$resource_basic}js/acharts-min.js"></script>

		

		
                <script type="text/javascript">
		
		// DO NOT REMOVE : GLOBAL FUNCTIONS!
		
		$(document).ready(function() {
			
			pageSetUp();
			
			/* // DOM Position key index //
		
			l - Length changing (dropdown)
			f - Filtering input (search)
			t - The Table! (datatable)
			i - Information (records)
			p - Pagination (paging)
			r - pRocessing 
			< and > - div elements
			<"#id" and > - div with an id
			<"class" and > - div with a class
			<"#id.class" and > - div with an id and class
			
			Also see: http://legacy.datatables.net/usage/features
			*/
                       
                       // class switcher for radio and checkbox
			$('input[name="demo-switcher-1"]').change( function() {
				  //alert($(this).val())
				  $this = $(this);
				  
				  myNewClass = $this.attr('id');
				  
				  $('.demo-switcher-1 input[type="checkbox"]').removeClass();
				  $('.demo-switcher-1 input[type="checkbox"]').addClass("checkbox "+ myNewClass);
				  
				  $('.demo-switcher-1 input[type="radio"]').removeClass();
				  $('.demo-switcher-1 input[type="radio"]').addClass("radiobox "+ myNewClass);
			  
			});

	
		
			
			
		    
		    // custom toolbar
		    $("div.toolbar").html('<div class="text-right"><img src="img/logo.png" alt="SmartAdmin" style="width: 111px; margin-top: 3px; margin-right: 10px;"></div>');

		
		});
                
                /*
                 * 本页面的js
                 */
                
                $(function(){
                    
                    
//                    $.ajax({ 
//                                type: 'GET', 
//                                url: '{:U("get_mobile_info")}', 
//                                dataType: 'json', 
//                                data:"mobile="+manage_agent_mobile,
//                                cache: false, 
//                                error: function(){ 
//                                    return false; 
//                                }, 
//                                success:function(json){ 
//
//                                     if(json.err===0)
//                                     {
//                                         $("#manage_agent").val(json.agent_name);
////                                          chk_if_valid_to_submit();
//                                     }
//                                     else
//                                     {
//                                         alert(json.msg);
//                                         $("#manage_agent_mobile").val("");
//                                         $("#manage_agent").val("");
////                                         $("#chk_valid").val("0");
//                                         return false;
//
//                                     }
//
//                                } 
//                            });
   

                });
                
                
		</script>
                <script type="text/javascript">
                    var chart = new AChart({
                      theme : AChart.Theme.SmoothBase,
                      id : 'canvas',
                      width : 950,
                      height : 500,
                      plotCfg : {
                        margin : [50,50,80] //画板的边距
                      },
                      xAxis : {
                        categories: [{$categories}],
                        labels : {
                          label : {
                            rotate : -45,
                            'text-anchor' : 'end'
                          }
                        }
                      },
                      yAxis : {
                        min : 0
                      },
                      seriesOptions : { //设置多个序列共同的属性
                        /*columnCfg : { //公共的样式在此配置

                        }*/
                      },
                      tooltip : {
                        valueSuffix : ''
                      },
                      series : [ {
                        name: '主题数据',
                        type : 'column',
                        data: [{$data}],
                        labels : { //显示的文本信息
                          label : {
                            rotate : -90,
                            y : 10,
                            'fill' : '#fff',
                            'text-anchor' : 'end',
                            textShadow: '0 0 3px black',
                            'font-size' : '14px'
                          }
                        }

                      }]

                    });

                    chart.render();
                  </script>

		

	</body>
</html>